<template>
  <a-card :bordered="false" :bodyStyle="bodyStyle">

    <a-tabs :defaultActiveKey="ActiveKey" tabPosition="left">
      <!-- 我的任务 -->
      <a-tab-pane key="1">
        <span slot="tab">
          <span>待办</span>
        </span>
        <my-running-task-list tableValue="待办"></my-running-task-list>

      </a-tab-pane>
      <!-- 我的任务 -->
      <a-tab-pane key="2">
        <span slot="tab">
          <span>已办</span>
        </span>
        <my-his-task-list tableValue="已办"></my-his-task-list>
      </a-tab-pane>
      <!-- 我的任务 -->
      <a-tab-pane key="3">
        <span slot="tab">
          <span>知会</span>
        </span>
        <my-cc-his-process-list tableValue="知会"></my-cc-his-process-list>

      </a-tab-pane>
      <!-- 我的任务 -->
      <a-tab-pane key="4">
        <span slot="tab">
          <span>发起</span>
        </span>
        <my-apply-process-list tableValue="发起"></my-apply-process-list>

      </a-tab-pane>
      <a-tab-pane key="5">
        <span slot="tab">
          <span>待发</span>
        </span>
        <MyCommittedList tableValue="待发"></MyCommittedList>

      </a-tab-pane>

    </a-tabs>
    <!--style="width: calc(100% - 100px); height: calc(100% - 55px);"-->
    <!-- 弹出框 -->

  </a-card>
</template>

<script>

  import MyRunningTaskList from './MyRunningTaskList';
  import MyGroupTaskList from './MyGroupTaskList';
  import MyApplyProcessList from './MyApplyProcessList';
  import MyHisTaskList from './MyHisTaskList';
  import MyCcHisProcessList from './MyCcHisProcessList';
  import MyCommittedList from './MyCommittedList';

  export default {
    name: 'MyTask',
    components: {
      MyHisTaskList,
      MyGroupTaskList,
      MyApplyProcessList,
      MyRunningTaskList,
      MyCcHisProcessList,
      MyCommittedList
    },
    data() {
      return {
        ActiveKey: '1',
        bodyStyle: {
          'padding-left': '0px'
        }
      }
    },
    created() {
      if (this.$route.query.key) {
        this.ActiveKey = this.$route.query.key
      }
      if (this.$route.params.key) {
        this.ActiveKey = this.$route.params.key
      }
    },
    methods: {

    }

  }
</script>

<style scoped>

</style>
